<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<!--RESET-->
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

/* remember to define focus styles! */
:focus {
	outline:0
}

body {
	line-height:1;
	color:black;
	background:white;
}

ol, ul {
	list-style:none
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" ""
}
body {margin:20px 20px;;}
</style>
<!--RESET-->
<!--STYLES-->
<style type="text/css">
#MSEcontent {
border:1px solid #444444;
position:relative;
width:299px;
font-family:Arial, Helvetica, sans-serif;

}
#MSEcontent h1{
height:46px;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
padding:10px 0 0 56px;
background:transparent url(images/sprite.png) 0px -172px repeat-x;
}
#MSEcontent #arrow {
position:absolute;
top:0px;
left:25px;


}

#MSEcontent ul{
height:263px;
width:100%;
overflow:auto;
margin-top:-21px;
}
#MSEcontent ul li{
height:69px;
padding:2px 3px 4px;
background:transparent url(images/sprite.png) 0px -76px repeat-x;
border-bottom:1px solid #F7F7F7;
border-top:1px solid #F7F7F7;
}

#MSEcontent ul li:hover {
background:transparent url(images/sprite.png) 0px 0px repeat-x;
cursor:pointer;
}

#MSEcontent ul li .thumbnail{
height:70px;
width:70px;
border:1px solid #7c7c7c;
overflow:hidden;
float:left;
}

#MSEcontent ul li:hover .thumbnail{
border:1px solid #105517;

}

#MSEcontent ul li .thumbnail img{
margin:-5px 0 0 -5px;
}

#MSEcontent ul li h2{
padding:8px 0 0 86px;
font-size:15px;
color:#000000;
font-weight:bold;

}

#MSEcontent ul li:hover h2{
color: #105517;


}
#MSEcontent ul li p{
font-size:11px;
line-height:130%;
padding:5px 0 0 86px;
color:#4444;

}
#MSEcontent p.footer{
text-align:center;
font-size:11px;
height:15px;
border-top:1px solid #777777;
padding-top:4px;
background:transparent url(images/sprite.png) 0px -152px repeat-x;

}
#MSEcontent p.footer a{
color:#ffffff;
text-decoration:none;
}


</style>
<!--STYLES-->
<body>
<div id="MSEcontent">
  <h1>This Week's Highlights</h1>
  <img src="images/arrow.png" alt="arrow" id="arrow"/>
  <ul>
    <li>
      <div class="thumbnail"><img src="http://images.moneysavingexpert.com/images/mmt_Burger.jpg" alt="" /></div>
      <h2>Totally Free Burger</h2>
      <p>Get a free daily burger when you register with Walkabout</p>
    </li>
    <li>
      <div class="thumbnail"><img src="http://images.moneysavingexpert.com/images/mmt_pizzaexpress.jpg" alt="" /></div>
      <h2>Pizza Express 2for1</h2>
      <p>Now inc weekends. Plus last chance YoSushi voucher</p>
    </li>
    <li>
      <div class="thumbnail"><img src="http://images.moneysavingexpert.com/images/mmt_100pounds.jpg" alt="" /></div>
      <h2>£100 Bank Account</h2>
      <p>Switch to new Abbey Current Account and get £100</p>
    </li>
    <li>
      <div class="thumbnail"> <img src="http://images.moneysavingexpert.com/images/mmt_piggybank.jpg" alt="" /></div>
      <h2>5.15% Safe Savings</h2>
      <p>Go quick for 100%-protected Northern Rock savings</p>
    </li>
    <li>
      <div class="thumbnail"><img src="http://images.moneysavingexpert.com/images/mmt_xmascancelled.jpg" alt="" /></div>
      <h2>Get a Pre-Nupp</h2>
      <p>Sign a pre-Xmas No Unnecessary Presents Pact</p>
    </li>
  </ul>
  <p class="footer"><a href="http://www.moneysavingexpert.com/">&copy; MoneySavingExpert.com 2008</a></p>
</div>
</body>
</html>
